﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link href="themes/cupertino/jquery-ui.min.css" rel="stylesheet" />
    <link href="themes/cupertino/theme.css" rel="stylesheet" />
    <script src="jquery-1.10.2.js"></script>
    <script src="jquery-ui-1.10.4.custom.js"></script>
    <script src="jquery.ui.datepicker-zh-CN.js"></script>
</head>
<body>
    <input type="text" id="txt1" />
</body>
</html>
<script>
    function InitDialog(id, height, width, fun) {
        $("#" + id + "").dialog({
            autoOpen: false,
            resizable: true,
            height: height,
            width: width,
            resizable: true,
            overlay: {
                backgroundColor: '#000',
                opacity: 0.5
            },
            buttons: {
                "OK": function () {
                    if (fun != undefined) {
                        fun();
                    }
                    $(this).dialog('close');
                },
                "Close": function () {
                    $(this).dialog('close');
                }
            }
        })
    }

    $("#txt1").datepicker();
</script>
